@media all and (max-width: 1200px) {
    body { 
      grid-template-areas: 
        "header header"
        "nav nav"
        "article article"
        "ads1 ads2"
        "footer footer";
      grid-template-rows: 70px 500px 500px 1fr 50px;  
      grid-template-columns: 50% 50%;
      display: flex;
      flex-wrap: wrap;
   }
   img{
     width: 100%;
   }
   /* #siteAds { 
    grid-area: nav;
    display: flex;
    flex-direction: row; 
    } */
  }